var SIndex = Vue.component('SIndex', {
    
    template: `<div class="">
                    <!-- nav 选择 -->
                    <nav-search></nav-search>
                    <!-- 列表 -->
                    <div class="staff__con__detail">
                        <ul>
                            <li>
                                <a href="javascript:;" data-id="4" @click="goDetailFun">
                                    <img src="" alt="">
                                    <div class="staff__detail__info">
                                        <h6>人才名称</h6>
                                        <p>
                                            <span class="staff__info__job">职务：</span>
                                            <span class="staff__info__time">工作年限：</span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" data-id="4" @click="goDetailFun">
                                    <img src="" alt="">
                                    <div class="staff__detail__info">
                                        <h6>人才名称</h6>
                                        <p>
                                            <span class="staff__info__job">职务：</span>
                                            <span class="staff__info__time">工作年限：</span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" data-id="4" @click="goDetailFun">
                                    <img src="" alt="">
                                    <div class="staff__detail__info">
                                        <h6>人才名称</h6>
                                        <p>
                                            <span class="staff__info__job">职务：</span>
                                            <span class="staff__info__time">工作年限：</span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" data-id="4" @click="goDetailFun">
                                    <img src="" alt="">
                                    <div class="staff__detail__info">
                                        <h6>人才名称</h6>
                                        <p>
                                            <span class="staff__info__job">职务：</span>
                                            <span class="staff__info__time">工作年限：</span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>`, 
    methods: {
        goDetailFun: function (e) {
            let id = e.target.dataset.id
            let router_click = this.$router.resolve({
                name: 'SDetail',
                query: {
                    id: id
                }
            })
            window.open(router_click.href, '_blank')
        }
    },
})